// Copyright (c) 2025 coze-dev Authors
// SPDX-License-Identifier: Apache-2.0
/* stylelint-disable declaration-no-important */
.fixed-select {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 8px;


  &::before {
    pointer-events: none;
    content: '';

    position: absolute;
    z-index: 100;
    top: 16px;
    left: -32px;

    width: 26px;
    height: 100%;

    border-top: 1px solid var(--coz-stroke-primary);
    border-left: 1px solid var(--coz-stroke-primary);
    border-top-left-radius: 6px;
  }

  &.hide-line {
    &::before {
      display: none;
    }
  }

}

.sized-select {
  position: relative;

  display: flex;

  box-sizing: border-box;
  margin-top: 8px;
  padding: 12px;

  border: 1px solid var(--coz-stroke-primary);
  border-radius: 6px;

  &::before {
    pointer-events: none;
    content: '';

    position: absolute;
    z-index: 100;
    bottom:50%;
    left: -33px;

    width: 26px;
    height: 50%;

    border-bottom: 1px solid var(--coz-stroke-primary);
    border-left: 1px solid var(--coz-stroke-primary);
    border-bottom-left-radius: 6px;

  }

  &.empty {
    @apply !border-transparent !pl-0;
  }
}

.logic-expr-wrapper {
  @apply h-full max-w-full w-full;

  &.logic-expr-wrapper-empty {
    transform: translateX(-4px);
  }
}

.dropdown-item {
  @apply !py-0 !px-2 !box-border;

  :global {
    .coz-item-text-disabled {
      color: var(--coz-fg-dim) !important;
    }
  }
}
